@use "sass:map";
@use "./libs/theme/index.scss";
@use "./libs/theme/common/var.scss" as *;
@use "./libs/theme/mixin/mixins.scss" as *;
@use "./libs/theme/mixin/_var.scss" as *;


/* #ifndef APP-NVUE */
$var-list: () !default;
$var-list: map.deep-merge(
  (),
  $components-var-map
);

@each $key, $value in $var-list {
   page{
		@include set-component-css-var($key, $value);
	}
}
/* #endif */


// 此处加上!important并非随意乱用，而是因为目前*.nvue页面编译到H5时，
// App.vue的样式会被uni-app的view元素的自带border属性覆盖，导致无效
// 综上，这是uni-app的缺陷导致我们为了多端兼容，而必须要加上!important
// 移动端兼容性较好，直接使用0.5px去实现细边框，不使用伪元素形式实现
.e-border {
	border-width: 0.5px!important;
	border-color: map.get($border-color,'')!important;
    border-style: solid;
}

.e-border-top {
	border-top-width: 0.5px!important;
	border-color:map.get($border-color,'')!important;
    border-top-style: solid;
}

.e-border-left {
	border-left-width: 0.5px!important;
	border-color:map.get($border-color,'')!important;
    border-left-style: solid;
}

.e-border-right {
	border-right-width: 0.5px!important;
	border-color:map.get($border-color,'')!important;
    border-right-style: solid;
}

.e-border-bottom {
	border-bottom-width: 0.5px!important;
	border-color:map.get($border-color,'')!important;
    border-bottom-style: solid;
}

.e-border-top-bottom {
	border-top-width: 0.5px!important;
	border-bottom-width: 0.5px!important;
	border-color:map.get($border-color,'')!important;
    border-top-style: solid;
    border-bottom-style: solid;
}